<template>
  <div class="adminHandle" >
    <div style="padding-top: 30px;padding-left: 10px">
    <div class="showBox">
      <el-row>
        <el-col :span="8"><div>管理员名字：</div></el-col>
        <el-col :span="8"><div>{{tableData.name}}</div></el-col>
      </el-row>
    </div><div class="showBox">
      <el-row>
        <el-col :span="8" ><div>管理员工号：</div></el-col>
        <el-col :span="8"><div>{{tableData.number}}</div></el-col>
      </el-row>
    </div><div class="showBox">
      <el-row>
        <el-col :span="8" ><div>管理员性别：</div></el-col>
        <el-col :span="8"><div>{{tableData.sex}}</div></el-col>
      </el-row>
    </div>
    </div>
<!--管理员蚌埠住了-->
  </div>
</template>

<script>
import axios from "axios";

export default {
  name: "HostInfoEdit",
  data(){
    return{
      tableData:{},
    }
  },
  mounted() {
    this.ip = localStorage.getItem('ip');
    this.token = sessionStorage.getItem('token');

    axios.defaults.headers.common["token"] = this.token;
    axios.get((this.ip + '/ADMIN/msg')).then((response)=>{
      this.tableData = response.data
    }).catch(function (error) {
      console.log(error);
    });
  }
}
</script>

<style scoped>
.adminHandle{
  width: 100%;
  padding: 5px 10px 0px 10px;
  margin: 20px 100px 0px 100px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}
.showBox{
  padding: 10px 10%;
}
</style>
